<meta charset="utf-8" />
<style>
	ul,li ,dl ,dt,dd,p,h1,h2,h3,h4,h5{
	margin: 0;
	padding:0;
}

img{
	display:block;
	margin: 0 auto;
}

.market{
	position: relative;
	height:100%;
}
.left,.right{
   position: absolute;
   top:0;
   bottom:0;
   overflow: auto;
}

.left{
	left: 0;
	width: 25%;
	background: #f8f8f8;
}
.right{
	left: 25%;
	right: 0;
	padding-left: .2rem;
}




.left li{
	width:100%;
	color:#a7a7a7;
	list-style:none;
	height:1.3125rem;
	background-color:#f8f8f8;
	border-bottom:solid 0.03125rem #e0e0e0;
	display:flex;
	justify-content:center;
	align-items: center;
}
.color1{
	border-left:solid 8px  #ffd600;
}


/*全部分类*/
.top {
	height:1.3125rem;
	line-height:1.3125rem;
	text-align:center;
	display: flex;
	border-bottom: 0.015625rem solid #ccc;
}
.variety{
	width:49%;
	height:100%;
	text-align:center;
	border-right:solid 0.03125rem #ccc;
}
.order{
	width:49%;
	height:100%;
	text-align:center;
}
.r_sesson{
	width:100%;
	height:2.5rem;
	display: flex;
	padding-top:0.28125rem;
	border-bottom:solid 0.015625rem #CCCCCC;
}
.info_left{
    width:30%;
}
.info_left img{
	width:90%;
	height:90%;
	display: block;
	margin: 0 auto;
}
.info_right{
	width:70%;
	line-height:0.6rem;
	position:relative;
}
.myimg1{
	position:absolute;
	top: 1.4rem;
    right: 1.8rem;
    width: 14%;
    height: 30%;
}
.myimg2{
	position:absolute;
	top: 1.4rem;
    right: 0.421875rem;
    width: 14%;
    height: 30%;
}

.num{
	position:absolute;
	top: 1.45rem;
    right: 1.421875rem;
   
}


.info_right span:nth-child(2){
	display:inline-block;
	width:0.959375rem;
	height:0.553125rem;
	line-height: 0.453125rem;
	border:solid 0.015625rem red;
	border-radius: 10px;
	text-align:center;
	color:red;
}

.info_right span:nth-child(3){
	display:inline-block;
	width:1.7625rem;
	height:0.5375rem;
	line-height: 0.5375rem;
	background-color:red;
	border-radius:10px;
	text-align:center;
	color:white;
	margin-left:0.203125rem;
}

</style>

<div class="market">
	<div class="left">
		<ul>
			<li ng-click="getData(l)" ng-repeat="l in list track by $index" ng-class=" l==text ?' color1':''">
				{{l}}</li>
			
		</ul>
	</div>
	
	<div class="right">
		<div class="top">
			<div class="variety" >全部分类</div>
			<div class="order">综合排序</div>
		</div>
		
		<div class='r_sesson' ng-repeat="i in goods[text]">
			<div class="info_left"><img ng-src="{{i.img}}"></div>
			<div class="info_right">
				<h3>{{i.name}}</h3>
				<span>精选</span>
				<span ng-show="{{i.pm_desc.length}}">{{i.pm_desc}}</span>
				<p style="color:#999999 ;font-size:0.4rem;">{{i.specifics}}</p>
				<span style="color:red ;font-size:0.3125rem;">￥{{i.price}} </span>
				<span style="color:#999; font-size:0.3125rem;"><s>￥{{i.market_price}}</s></span>
				
				<img src="img/减号.png" class="myimg1" ng-click="compute(i,-1)" ng-show="i.num>0">
				<span ng-show="i.num>0" class="num">{{i.num}}</span>
				<img src="img/加号.png" class="myimg2" ng-click="compute(i,1)">
				
			</div>
		</div>
		
	</div>
</div>